<template>
  <div  style="padding: 20px">
    <div class="title_font">
      添加
    </div>
    <el-divider />
    <div class="fele">
      <span class="item_titles">模版编码：</span>
      <el-input class="input_style" v-model="input" placeholder="请输入" />
    </div>
    <div class="fele">
      <span class="item_titles">模版名称：</span>
      <el-input class="input_style" v-model="input" placeholder="请输入" />
    </div>
    <div class="fele">
      <span class="item_titles">发件人名称：</span>
      <el-input class="input_style" v-model="input" placeholder="请输入" />
    </div>
    <div class="fele">
      <span class="item_titles">模版内容：</span>
      <el-input class="input_style_textarea" v-model="textarea"
                :rows="2"
                type="textarea"
                placeholder="请输入" />
    </div>
    <div class="fele" style="margin-top: 25px">
      <span class="item_titles">类型：</span>
      <el-select v-model="select" placeholder="Select" style="width: 150px">
        <el-option label="Restaurant" value="1" />
      </el-select>
    </div>
    <div class="fele">
      <span class="item_titles">开启状态：</span>
      <el-select v-model="select" placeholder="Select" style="width: 150px">
        <el-option label="Restaurant" value="1" />
      </el-select>
    </div>
    <div class="fele">
      <span class="item_titles">备注：</span>
      <el-input class="input_style_textarea" v-model="textarea"
                :rows="2"
                type="textarea"
                placeholder="请输入" />
    </div>
    <div class="button_style">
      <button class="add_button">添加</button>
      <button class="chance_button">取消</button>
    </div>
  </div>
</template>
<script lang="ts" setup>

</script>
<style lang="scss">
.button_style{
  margin-top: 80px;
  margin-left: 40px;
  .add_button{
    width: 100px;
    background-color: #165dff;
    color: white;
    font-weight: 500;
    border: 0;
    height: 30px;
    border-radius: 3px;
  }
  .chance_button{
    margin-left: 20px;
    width: 100px;
    background-color: white;
    font-weight: 500;
    border: 1px solid black;
    height: 30px;
    border-radius: 3px;
  }
}
.input_style_textarea{
  width: 400px;
  height: 30px;
}
.item_titles{
  text-align: right;
  margin-top: 5px;
  width: 80px;
  height: 30px;
  font-size: 1px;
}
.input_style{
  width: 400px;
  height: 30px;
}
.fele{
  margin-left: 40px;
  display: flex;
  justify-content: left;
}

</style>
